/**
 * React的事件机制
 * 1)React使用的是合成事件，并不是原生事件
 * 绑定的地方：
 * 1、在react16：不是绑定到元素本身，绑在document
 * 2、在react17和react18版本：是绑在root上
 * 为什么要使用合成事件
 * 1）抹平浏览器的兼容性
 * 2）性能考虑，可以统一管理事件的创建和销毁，让事件对象可以复用。
 * 
 */

import React, { Component } from 'react'
import '@/App.css'
export default class App extends Component {
  parentClickHandle(e){
    console.log('--------parent---------',e);
  
  }
  childClickHandle(e){
    console.log('--------child---------',e);
  }
  render() {
    return (
      <div>
        <div className="parent" onClick={this.parentClickHandle}>
          <div className="child" onClick={this.childClickHandle}></div>
        </div>
      </div>
    )
  }
}
